<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title>JsonTool</title>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link href="css/bootstrap.min.css" rel="stylesheet" />
    <link href="css/jquery-linedtextarea.css" rel="stylesheet" />
    <link href="css/main.css" rel="stylesheet" />

    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery-linedtextarea.js"></script>
    <script src="js/jsl.format.js" type="text/javascript"></script>
    <script src="js/jsl.parser.js" type="text/javascript"></script>
    <script src="js/jsoninit2.js" type="text/javascript"></script>
    <script src="js/main.js" type="text/javascript"></script>
</head>
<body>
  <div class="container">
    <div class="row" id="length">
      <h3 id="title">JsonTool</h3>
      <span id="developer">developer sun</span>
      <div id="countNum" hidden="hidden"></div>
    <div>
    <hr>

    <div class="panel panel-default" style="border:none;">
      <div class="panel-body">
        <div class="row">
          <div class="col-lg-12">
            <textarea style="width: 100%; outline:none;" rows="20" id="json_input" spellcheck="false" placeholder="请输入需要校验的json字符串"></textarea>
          </div>
        </div>
        <div class="row" id="length">
          <div class="col-lg-12">
            <!-- default info success primary warning danger -->
            <button type="button" id="btnFormat" class="btn btn-info">格式化</button>
            <button type="button" id="btnGenerate" class="btn btn-success">生 成</button>
            <button type="button" id="btnCompress" class="btn btn-primary">压 缩</button>
            <button type="button" id="btnDelete" class="btn btn-danger">清 空</button>
            <button type="button" id="btnCount" class="btn btn-warning">计 数</button>
            <button type="button" id="btnReplace" class="btn btn-info">转 义</button>
            <button type="button" id="btnCopy" class="btn btn-primary">复 制</button>
            <button type="button" id="btnSkip" class="btn btn-success">跳 转</button>
            <span id="count">0</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
</html>